<template>
  <div class="login">
    <router-link tag="div" to="$router.go(-1)" class="back">
        <img src="../assets/imgs/关闭.png" alt="">
    </router-link>
    <router-link tag="div" to="/numlog" class="inter">
        <div class="imgs"><img src="../assets/imgs/旋转手机.png" alt=""></div>
        <div class="wenzi">手机号登录</div>
    </router-link>
    <div class="speak">
        已在浏览器/手机QQ中购买过？
    </div>
    <div class="speak2">
        请使用其他方式登录
    </div>
  </div>
</template>

<script>
export default {
   
}
</script>

<style lang="scss">

    .inter{
            width: 70%;
            height: 50px;
            border-radius: 10px;
            margin: 150px auto 0;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: rgb(21, 219, 41);
    }
    .inter .imgs{
            width: 20px;
            height: 20px;
    }
    .inter .imgs img{
            width: 100%;
    }
    .inter .wenzi{
            font-size: 14px;
    }
    .login .back{
        margin-left: 15px;
        margin-top: 15px;
        display: block;
        width: 20px;
        height: 20px;
    }
    .login .back img{
        width: 100%;
    }
    .speak{
        width: 70%;
        height: 30px;
        display: flex;
        margin: 40px auto 0;
        justify-content: center;
        align-items: center;
        font-size: 10px;
        color: #999;
    }
    .speak2{
        width: 70%;
        height: 30px;
        display: flex;
        margin: 0px auto 0;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: blue;
    }
</style>